<template>
  <div class="recommend-wrap">
    <p>YOE是中国第一家立足深圳前海、背靠香港和台湾，通过人工智能及区块链前沿技术打造的人工智能共享医疗平台，其集智能诊所、医疗创业平台、资源共享中心于一体，充分调动以国际先进医疗资源和服务体系，致力为中国家庭和高净值专业人士量身提供专业、优质的健康解决方案。
    </p>  
    <p>无论您是医术高明的医生，专业的医护人士，还是医院和诊所等医疗机构，YOE诚意邀请加入我们的共享智能诊所，立即获得全球医疗资源支持！现在加入，还能获得免费资源推荐服务！立即扫码加入，或转发朋友，邀请加入！</p>
    <div class="recommend-img">
        <img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1062989499,1682648318&fm=58" alt="">
    </div>
    <div class="logo"></div>
    <div @click="shareBtn" class="btn">立即分享</div>
    <img  @click="shareBtn" class="share" v-show="shareShow" src="../../images/share.png" alt="">
  </div>
</template>

<script>
let CONSTANT = require('../../../wechat/static/constant/constant.js'),
    common = require("../../../wechat/static/common/common.js"),
    wsService = require("../../../wechat/static/common/wechat-jsdk.js");
export default {
  components: {
  },
  data () {
    return {
        shareShow:false
    }
  },
  mounted(){
     this.setWechatShare()
  },
  methods:{
      shareBtn(){
          this.shareShow =  this.shareShow?false:true;
      },
    setWechatShare() {
       
      let url = 'https://yoe.icebartech.com/wechat',
        couponShare = {
          title: "YOE",
          imgUrl: "https://yoe.icebartech.com/file/icebartech-yoe/209.jpg",
          desc: "YOE诚意邀请加入我们的共享智能诊所，立即获得全球医疗资源支持！",
          link: `${url}`
        };

      wsService.default
        .getJsSDK(CONSTANT.URL.ACCOUNT.JSREQUIRE, {
          params: {}
        })
        .then(() => {
          wsService.default.setWXShare({
            isShare: true,
            shareDetail: couponShare
          });
        });
    }
  }
}
</script>

<style lang="scss">
    .recommend-wrap{
        font-size: .3rem;
        color: #111;
        padding: .37rem .21rem 0 .31rem;
        line-height: .55rem;
        .recommend-img{
            width: 2.6rem;
            height: 2.6rem;
            margin: .41rem auto .13rem;
            img{
                width: 2.6rem;
                height: 2.6rem;
            }
        }
        .logo{
          background-image: url(../../images/LOGO.png);
          background-size:100%;
          width: 3.92rem;
          height: .89rem;
          margin: 0 auto .4rem;
        }
        .btn{
            position: relative;
            left: -.05rem;
            width: 6.9rem;
            height: .88rem;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            text-align: center;
            line-height: .88rem;
            font-size: .36rem;
            color: #fff;
            background-color: #0063AE;
            margin: 0 auto;
        }
        .share{
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            width: 100%;
        }
    }
</style>
